<template>
  <div class="contentWrapper wpx1200">
    <el-card class="box-card mt20">
		  <div slot="header" class="clearfix">
		    <span>任务名称: 56532323211</span>
		    <span class="cursor lan">编辑</span>
		  </div>
		  <div>
		  	<div class="sysIconWrapper wpx1200 clearFix">
					<ul>
						<li class="baobei">
							<p class="title">宝贝总数</p>
							<p class="num">25</p>
						</li>
						<li class="yibaobei">
							<p class="title">已扫描宝贝总数</p>
							<p class="num">55</p>
						</li>
						<li class="tupian">
							<p class="title">图片总数</p>
							<p class="num">79</p>
						</li>
						<li class="guanjian">
							<p class="title">扫描关键字</p>
							<p class="num">1,725</p>
						</li>
						<li class="yitupian">
							<p class="title">已扫描图片</p>
							<p class="num">1,111</p>
						</li>
						<li class="miangan">
							<p class="title">敏感词数</p>
							<p class="num">21</p>
						</li>
						<li class="feiyong">
							<p class="title">费用总计</p>
							<p class="num">5 <span class="fs18">元</span></p>
						</li>
					</ul>
				</div>
				<div class="sysIconWrapper mt50 pt50">
					计费说明：检测一张图片0.025元/张
				</div>
				<div class="sysIconWrapper">
					<div class="mt50 mb30 pb40 clearFix">
							<div class="floatl mr25">
									<el-button type="primary" size="small">立即支付</el-button>
							</div>
							<div class="floatl">
								<router-link to="/shopCheck">
									<el-button  size="small">重新选择扫描范围</el-button>
								</router-link>
							</div>
					  </div>
				</div>
		  </div>
		</el-card>
  </div>
</template>

<script>
export default {
  name: 'shopResult',
  data () {
    return {
//  	fileList: [{name: 'food.jpeg', url: 'https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100'}, {name: 'food2.jpeg', url: 'https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100'}],
    	fileList: [],
    	form: {
          name: '',
          region: '',
          date1: '',
          date2: '',
          delivery: false,
          type: [],
          resource: '',
          desc: ''
        }
    }
  },
  mounted: function () {
  },
   methods: {
	  handleRemove(file, fileList) {
	    console.log(file, fileList);
	  },
	  handlePreview(file) {
	    console.log(file);
	  },
	  handleExceed(files, fileList) {
	    this.$message.warning(`当前限制选择 3 个文件，本次选择了 ${files.length} 个文件，共选择了 ${files.length + fileList.length} 个文件`);
	  },
	  beforeRemove(file, fileList) {
	    return this.$confirm(`确定移除 ${ file.name }？`);
	  }
	}
  
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>

</style>
